<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
	        <link rel="stylesheet" href="css/nav.css">
	        <link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.css">
		<title></title>
<link href="css/index.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="js/jquery.1.4.2-min.js"></script>
<script type="text/javascript" src="js/Calculation.js"></script>
</head>
	<body>
		<script type="text/javascript">
	 $(function (){
            $.ajax({
                type: "get",
                url: "techcoursedata.json",
                dataType: "json",
　　　　　　　　　       success: function(result){
                addBox(result);
                }
            });
        });

        function addBox(result){
                //result是一个集合,所以需要先遍历
	            $.each(result,function(index,obj){
	            
	                $(".tb2_td2").append(obj['academy']);
	                $(".tb2_td3").append(obj['tech_number']);
	                $(".tb2_td4").append(obj['tech_name']);
	            });
        }
</script>

<hr style="height:1px;border:none;border-top:1px solid #E0E0E0" /></br> 
<div class="stc" style=" margin:auto;">
<div id="box">
	   <table cellpadding="0" cellspacing="0" class="stc_tb2">
		<tr>
			<td class="tb1_td3">学院:</td> <td class="tb2_td2"></td><td><button onclick="define()">修改</button></td>
		</tr>
	    <tr>
			 <td class="tb1_td4">教师号:</td> <td class="tb2_td3"></td><td><button>修改</button></td>
		</tr>
		<tr>
			<td class="tb1_td5">教师姓名:</td> <td class="tb2_td4"></td><td><button>修改</button></td>
		</tr>
       </table>
</div>
</div>	
<script type="text/javascript">
	function define(){
		var my=prompt("将修改为：","");
	}
</script>
	</body>
</html>
